<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start" (click)="gotohome()">
      <ion-icon name="arrow-back"></ion-icon>
    </ion-buttons>
    <ion-title>picker</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <h3>属性</h3>
  <div>
     <p>animated:false  (当为false时，将没有动画效果, 默认为true)</p>
     <ion-button (click)="openPicker()">Open Picker</ion-button>
  </div>
  <div>
      <p>backdropDismiss:false  (当为false时,点击背景将无法关闭)</p>
      <ion-button (click)="openPickera()">Open Picker</ion-button>
  </div>
  <div>
      <p>buttons  (在选择器顶部显示的按钮数组)</p>
      <ion-button (click)="openPickerb()">Open Picker</ion-button>
  </div>
  <div>
      <p>columns  (在选择器中设置选项栏目)</p>
      <ion-button (click)="openPickerc()">Open Picker</ion-button>
  </div>
  <div>
      <p>mode  (选择ios或安卓风格)</p>
      <ion-button (click)="openPickerd()">Open Picker</ion-button>
  </div>
  <div>
      <p>showBackdrop:false  (如果为false，则选择器后面将不显示背景)</p>
      <ion-button (click)="openPickere()">Open Picker</ion-button>
  </div>

  <h3>事件</h3>
  <div>
     <p>该组件一共有5个事件函数,分别为dismiss(关闭时触发)，getColumn(选中返回时触发)， onDidDismiss(选中关闭时触发)，onWillDismiss(即将关闭时触发)， present(点击时触发)</p>
     <ion-button (click)="openPickerf()">Open Picker</ion-button>
  </div>

  <h3>示例</h3>
  <ion-item>
      <ion-label>选择爱好</ion-label>
      <ion-button fill="clear" size="large" (click)="openPickerg()">{{like}}</ion-button>
   </ion-item>
</ion-content>
